﻿@Code
    ViewBag.Title = "Asistencia Mensual"
End Code

<script type="text/javascript">
    var max_year = 0;
    var min_year = 0;
    var mes_actual = 0;

    $(document).ready(function () {
        $('#loading-panel-1').fadeIn(300);
        var m = $('#tit-cal').attr("data-mes-actual");
        var a = $('#tit-cal').attr("data-anio-actual");
        mes_actual = m;
        max_year = $('#tit-cal').attr("data-max-year");
        min_year = $('#tit-cal').attr("data-min-year");

        Load_Asistencia(m, a);

        //Establecemos el handler para los botones
        $('.control-move-izq').click(Move_Izq_Click);
        $('.control-move-der').click(Move_Der_Click);
        $('.control-move-der').hide();
    });

    function Load_Asistencia(m, a) {
         $('#load-calendar').load("/Alumnos/_Load_Asis_Alumno?Mes=" + m + "&Anio=" + a, function (datos, status, xhr) {
             $('#loading-panel-1').hide();
             if (status == "error") {
                 alert("Ocurrio un error al intentar recuperar los datos.");
             } else {
                 var ms = $('#calendar').attr("data-mes-string")
                 var a = $('#tit-cal').attr("data-anio-actual");
                 $('#tit-cal').html("Resumen de Asistencia del Mes de " + ms + " - " + a)
                 $('#loading-panel-1').hide();
                 $('#load-calendar').fadeIn(150);
                 $('#load-calendar').html(datos);
                 
             }
         });
     };

     function Move_Izq_Click() {
         $('.control-move-der').show();
        var m_a = $('#tit-cal').attr("data-mes-actual");
        var a_a = $('#tit-cal').attr("data-anio-actual");
        var m_n;
        var a_n;

        if (m_a == 1) {
            if (a_a != min_year) {
                m_n = 12;
                a_n = a_a - 1;
            } else {
                m_n = m_a;
                a_n = a_a;
                alert("Lo sentimos, no se encuentran registros para el año anterior");
                return;
            }
        } else {
            m_n = m_a - 1;
            a_n = a_a;
        }
        
        //Establecemos los nuevos atributos
        $('#tit-cal').attr("data-mes-actual", m_n);
        $('#tit-cal').attr("data-anio-actual", a_n);

        //Si ya es el ultimo año entocnes ocultamos
        if (a_n == min_year && m_n == 1) {
            $('.control-move-izq').hide();
            $('#container-calendar').css('margin-left','140px');
        }

        $('#load-calendar').hide();
        $('#loading-panel-1').show();
        Load_Asistencia(m_n, a_n);
    };

    function Move_Der_Click() {
        $('.control-move-izq').show();
        $('#container-calendar').css('margin-left', '0');
        var m_a = $('#tit-cal').attr("data-mes-actual");
        var a_a = $('#tit-cal').attr("data-anio-actual");
        var m_n;
        var a_n;

        if (m_a == 12) {
            m_n = 1;
            a_n = a_a;
            a_n++;
        } else {
            m_n = m_a;
            m_n++;
            a_n = a_a;
        }

        //Establecemos los nuevos atributos
        $('#tit-cal').attr("data-mes-actual", m_n);
        $('#tit-cal').attr("data-anio-actual", a_n);

        //Comprobamos si es el ultimo para esconder el boton
        if (a_n == max_year && m_n == mes_actual) {
            $('.control-move-der').hide();
        }

        $('#load-calendar').hide();
        $('#loading-panel-1').show();
        Load_Asistencia(m_n, a_n);
    };
</script>

<div style="text-align:center; display: block; width:988px";">
    <h2 id="tit-cal" data-mes-actual="@ViewBag.Mes_Actual" data-anio-actual="@ViewBag.Anio_Actual" data-max-year="@ViewBag.MaxYear" data-min-year="@ViewBag.MinYear">@ViewBag.Titulo_Calendario</h2>
    <div class="line-titulo"></div>
    <ul id="control-calendario">
        <li class="control-move-izq"><</li>
        <li id="container-calendar">
            <div id="loading-panel-1" style="margin-top: 100px;">
                <img src="@Url.Content("~/Content/loading.gif")" alt="Por favor espere..."/>
                <p>Por favor espere un momento...</p>
            </div>
            <div id="load-calendar">
            </div>
        </li>
        <li class="control-move-der">></li>
    </ul>
</div>

    
